<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>showData</title>
    {# BootStrap css引入 #}
    <link rel="stylesheet"
          href="{{ url_for('static',filename='/libs/bootstrap-4.5.0-dist/css/bootstrap.min.css') }}">
    {# fontawesome css引入 #}
    <link rel="stylesheet"
          href="{{ url_for('static',filename='/libs/fontawesome-free-5.15.1-web/css/all.min.css') }}">

    <script src="{{ url_for('static',filename='/libs/jquery-3.5.1.min.js') }}"></script>
    <script src="{{ url_for('static',filename='/libs/echarts.min.js') }}"></script>
    <script src="{{ url_for('static',filename='/libs/popper.min.js') }}"></script>
    <script src="{{ url_for('static',filename='/libs/bootstrap-4.5.0-dist/js/bootstrap.min.js') }}"></script>
    <link href="../static/css/main.css" rel="stylesheet"/> <!-- 引入css样式表 -->

    <style>
        a {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }

        ul, ol {
            list-style: none;
            list-style-position: outside;
        }

        .bg-pink {
            background-color: #ffb7da;
        }

        .card {
            margin-bottom: 5px;
        }

        .card-body {
            text-align: center;
        }

        .card-body p {
            height: 40px;
            font-size: 30px;
            font-weight: bold;
        }

        .nav {
            background: #333;
        }

        .nav .nav-item {
            padding: 10px;
            color: #b0b0b0;
        }

        .nav .nav-item a {
            text-decoration: none;
            cursor: pointer;
            padding: 5px;
            border-radius: 50%;
        }

        .feeds_li_title a:link {
            color: #333;
        }

        .feeds_li_title a:hover {
            color: #ff8400;
        }

        .feeds_li_cont a:link {
            color: #666;
        }

        .feeds_li_title {
            font-size: 20px;
            line-height: 30px;
            padding-bottom: 3px;
        }

        .feeds_li_p {
            width: 130px;
            height: 85px;
            margin: 5px 15px 10px 0;
            overflow: hidden;
            zoom: 1;
        }

        .fl {
            float: left;
            _display: inline;
        }
    </style>

</head>
<body>
<div class="container">
    {% include 'header.html' %}
    <div class="text-title-box mt-5 ml-3 mb-2 badge badge-info">
        <h3 class="text-white">实时疫情</h3>
    </div>

    <div>
        <ul class="feeds_list">
            {% for news in list %}
                <li>
                    <h3 class="feeds_li_title">
                        <a href="{{ news[2] }}"
                           target="_blank">{{ news[3] }}</a>
                    </h3>
                    <div class="feeds_li_cont clearfix">
                        <div class="feeds_li_p  fl">
                            <a href="{{ news[2] }}"
                               target="_blank"><img
                                    src="{{ news[6] }}"></a>
                            <a href="{{ news[2] }}" target="_blank"
                               class="feeds_li_video"></a></div>

                        <div class="feeds_li_t clearsub">
                            <p><a href="{{ news[2] }}" target="_blank"
                                  rel="nofollow">{{ news[8] }}</a><a
                                    href="{{ news[2] }}" target="_blank"
                                    class="feeds_li_detail" rel="nofollow">[详细]</a>
                            </p>
                        </div>
                    </div>
                    <div class="feeds_li_meta clearfix">{{ news[7] }}</div>
                </li>
            {% endfor %}
        </ul>
    </div>

</div>
</body>
</html>